import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../views/Home.vue'
import LoginByQQ from '../components/LoginByQQ.vue'
import Video from '../views/Video.vue'

Vue.use(VueRouter)

const routes = [{
		path: '/',
		name: 'Home',
		component: Home
	},
	{
		path: '/login/qq',
		name: 'LoginByQQ',
		// route level code-splitting
		// this generates a separate chunk (about.[hash].js) for this route
		// which is lazy-loaded when the route is visited.
		component: () => import( /* webpackChunkName: "about" */ '../components/LoginByQQ.vue')
	},
	{
		path: '/about',
		name: 'About',
		// route level code-splitting
		// this generates a separate chunk (about.[hash].js) for this route
		// which is lazy-loaded when the route is visited.
		component: () => import( /* webpackChunkName: "about" */ '../views/About.vue')
	},
	{
		path: '/video',
		name: 'Video',
		// route level code-splitting
		// this generates a separate chunk (about.[hash].js) for this route
		// which is lazy-loaded when the route is visited.
		component: () => import( /* webpackChunkName: "about" */ '../views/Video.vue')
	},
	{
		path: '/channel',
		name: 'Channel',
		component: () => import('../views/Channel.vue')
	},
	{
		path: '/search',
		name: 'Search',
		component: () => import('../views/Search.vue')
	}
]

const router = new VueRouter({
	mode: 'history',
	base: '/fanligo/',
	routes
})

export default router
